<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>抢票</title>
  <link href="./css/normalize.min.css" rel="stylesheet">
  <script src="./lib/jquery-1.8.2.min.js"></script>
  <link rel="stylesheet/less" type="text/css" href="./style.less" />
  <script src="http://cdn.bootcss.com/less.js/1.7.0/less.min.js"></script>
  <script>
    var deviceWidth = document.documentElement.clientWidth;
    if (deviceWidth > 640) deviceWidth = 640;
    document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';
  </script>

</head>

<body>
  <header></header>
  <nav>
    <p>开始时间：2018年X月X日</p>
    <p>距抢票开始还有</p>
  </nav>
  <article class="">
    <p>
      <span class="num-0"></span>
      <span class="num-0"></span> 天
      <span class="num-0"></span>
      <span class="num-0"></span> 时
      <span class="num-0"></span>
      <span class="num-0"></span> 分
      <span class="num-0"></span>
      <span class="num-0"></span> 秒
    </p>
    <p><a href="./wait.html">立即购买</a></p>
    <p><a href="./busy.html">即将开始</a></p>
  </article>
  <footer></footer>
</body>

</html>
